<%--
  Created by IntelliJ IDEA.
  User: Cesiumai
  Date: 2016/6/14
  Time: 14:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ include file="/manage/system/pageBase.jsp" %>
<%@ page info="轮播图设置" %>

<form action="<%=path %>/manage/carousel" name="form" id="form" method="post">
    <div style="height:auto!important;height:550px;min-height:550px;">
        <h3 style="border-bottom: 1px solid #D7D7D7;color: #666666;font-size: 28px;padding-bottom: 20px;margin-bottom: 30px;">
            <%=getServletInfo()%>
            <a href="<%=path %>/manage/carousel/selectList" class="btn btn-primary"
               style="padding: 2px 15px;float:right;"><i class="icon-double-angle-left"></i>返回列表</a>
        </h3>
        <table width="100%" border="0" cellspacing="0" cellpadding="10" class="tableBasic">

            <tr style="display: none;">
                <td>id</td>
                <td><input type="text" value="${e.id}" name="id" label="id"/></td>
            </tr>
            
            
            <tr>
                <th style="text-align: right;">所属页面</th>
                <td style="text-align: left;">
                    <select id="pageId" name="pageId">
                        <c:forEach var="item" items="<%=SystemManage.getInstance().getPageConfig()%>">
                            <option value="${item.id}" <c:if test="${e.pageId eq item.id}">selected="selected" </c:if>>${item.pageName}</option>
                        </c:forEach>
                    </select>
                </td>
            </tr>
            
            
            
            
            
            
            
            
            <tr>
                <th style="text-align: right;" width="200">图片名称</th>
                <td style="text-align: left;"><input type="text" size="40" value="${e.imageName}" name="imageName"
                                                     data-rule="图片名称:required;imageName;length[1~45]" 
                                                     id="imageName"/></td>
            </tr>
            

            <tr>
                <td><b>轮播图片</b>
                    <input type="text"  value="${e.image}" name="image"  id="image"  />
                    <input type="button" name="imageFile" value="浏览图片" class="btn btn-primary" style="padding: 0px 12px;margin-top: -5px;"/>
                    <c:choose>
                        <c:when test="${!empty e.image}">
                            <a target="_blank" href="<%=SystemManage.getInstance().getSystemSetting().getImageRootPath()%>/${e.image}">
                                <img style="max-width: 50px;max-height: 50px;" alt="" src="<%=SystemManage.getInstance().getSystemSetting().getImageRootPath()%>/${e.image}">
                            </a>
                        </c:when>
                    </c:choose>         </td>
            </tr>
            
           <tr>
                <th style="text-align: right;">状态</th>
                <td style="text-align: left;">
                    <select id="status" name="status">
                            <option value="1" <c:if test="${e.status eq "1"}">selected="selected" </c:if> >显示</option>
                            <option value="0" <c:if test="${e.status eq "0"}">selected="selected" </c:if> >隐藏</option>
                    </select>
                </td>
            </tr>
           
          
            <tr>
                <td colspan="2" style="text-align: center;">
                    <c:choose>
                        <c:when test="${e.id!=0}">
                            <button method="update" onclick="commit(this)" class="btn btn-info"
                                    style="padding:2px 15px;">
                                保存
                            </button>
                        </c:when>
                        <c:otherwise>
                            <button method="insert" onclick="commit(this)" class="btn btn-info"
                                    style="padding:2px 15px;">
                                新增
                            </button>
                        </c:otherwise>
                    </c:choose>
                </td>
            </tr>
        </table>
    </div>
</form>
<script type="text/javascript" src="<%=path%>/resource/js/MooTools-Core-1.6.0.js"></script>
<script type="text/javascript" src="<%=path%>/resource/js/pinyin.js"></script>
<script type="text/javascript">
    
var content;
KindEditor.ready(function (K) {
    content = K.create('textarea[name="content"]', {
        filterMode: false,
        allowFileManager: true,
        uploadJson: '<%=path%>/resource/kindeditor/jsp/upload_json.jsp',
        fileManagerJson: '<%=path%>/resource/kindeditor/jsp/file_manager_json.jsp'

    });
    var editor = K.editor({
        allowFileManager : true,
        uploadJson: '<%=path%>/resource/kindeditor/jsp/upload_json.jsp',
        fileManagerJson : '<%=path%>/resource/kindeditor/jsp/file_manager_json.jsp'
    });

    K('input[name=getHtml]').click(function (e) {
        alert(editor.html());
    });
    K('input[name=isEmpty]').click(function (e) {
        alert(editor.isEmpty());
    });
    K('input[name=getText]').click(function (e) {
        alert(editor.text());
    });
    K('input[name=selectedHtml]').click(function (e) {
        alert(editor.selectedHtml());
    });
    K('input[name=setHtml]').click(function (e) {
        editor.html('<h3>Hello KindEditor</h3>');
    });
    K('input[name=setText]').click(function (e) {
        editor.text('<h3>Hello KindEditor</h3>');
    });
    K('input[name=insertHtml]').click(function (e) {
        editor.insertHtml('<strong>插入HTML</strong>');
    });
    K('input[name=appendHtml]').click(function (e) {
        editor.appendHtml('<strong>添加HTML</strong>');
    });
    K('input[name=imageFile]').click(function() {
        editor.loadPlugin('image', function() {
            editor.plugin.imageDialog({
                imageUrl : K('#image').val(),
                clickFn : function(url) {
                    url = url.substring(20)
                    K('#image').val(url);
                    editor.hideDialog();
                }
            });
        });
    });
    K('input[name=clear]').click(function (e) {
        editor.html('');
    });

});
    
    
    function commit(obj) {
        var _form = $("form");
        _form.attr("action", $(obj).attr("method"));
        _form.submit();
    }
</script>
<%@ include file="/manage/system/baseFoot.jsp" %>
